<template>


        <el-table ref="tableRef" :data="tableData" style="width: 100%;height: 100%;" tooltip-effect="dark" :height="tableHeight"
            :header-cell-style="tableHeaderCellStyle">

            <af-table-column prop="dateRange" label="统计时间" align="center" width="300"></af-table-column>
            <el-table-column prop="cityName" label="地市" align="center"></el-table-column>
            <el-table-column prop="monthPeriod" label="统计周期" align="center"></el-table-column>
            <el-table-column  label="光路" align="center">
                <el-table-column prop="p1" label="光路中断" align="center"></el-table-column>
                <el-table-column prop="p2" label="断发异常" align="center"></el-table-column>
            </el-table-column>
            <el-table-column  label="电源" align="center">
                <el-table-column prop="p3" label="交流市电" align="center"></el-table-column>
                <el-table-column prop="p4" label="直流供电" align="center"></el-table-column>
                <el-table-column prop="p5" label="蓄电池" align="center"></el-table-column>
                <el-table-column prop="p6" label="电源模块" align="center"></el-table-column>
            </el-table-column>
            <el-table-column  label="设备" align="center">
                <el-table-column prop="p7" label="板卡故障" align="center"></el-table-column>
                <el-table-column prop="p8" label="光模块故障" align="center"></el-table-column>
                <el-table-column prop="p9" label="射频故障" align="center"></el-table-column>
                <el-table-column prop="p10" label="电调故障" align="center"></el-table-column>
            </el-table-column>
            <el-table-column  label="环境" align="center">
                <el-table-column prop="p11" label="环境" align="center"></el-table-column>
            </el-table-column>
            <el-table-column  label="时钟" align="center">
                <el-table-column prop="p12" label="线路时钟" align="center"></el-table-column>
                <el-table-column prop="p13" label="GPS/北斗" align="center"></el-table-column>
            </el-table-column>
            <el-table-column label="其他" align="center">
                <el-table-column prop="p14" label="配置原因" align="center"></el-table-column>
                <el-table-column prop="p15" label="软件原因" align="center"></el-table-column>
                <el-table-column prop="p16" label="工程原因" align="center"></el-table-column>
                <el-table-column prop="p17" label="外部原因" align="center"></el-table-column>
            </el-table-column>
            <el-table-column label="退服" align="center">
                <el-table-column prop="p18" label="退服" align="center"></el-table-column>
            </el-table-column>


        </el-table>


</template>

<script>
    export default {
        props:{
          tableData:{
              type:Array,
              default:()=>[]
          }
        },
        data() {

            return {
                tableData:[],

            }
        },
        methods:{
          tableHeaderCellStyle({
              row,
              column,
              rowIndex,
              columnIndex
          }) {
              let cellStyle1
              cellStyle1 = 'height:40px; '
              return cellStyle1
          },
        },

        mounted() {

        }
    }
</script>

<style>
</style>
